﻿@layout("/common/_vue_container.html"){
<div id="app" v-cloak v-loading="fullscreenLoading" style="height:100%;">
	<div class="main_content">
		<div v-loading="screenLoading">
			<div class="remind_title2">
				审核版本列表
				<el-button
						type="primary"
						size="small"
						class="product-new-button"
						v-on:click="toCreatePage"
				>
					新增
				</el-button>
			</div>
			<el-form :inline="true" :model="queryContent" class="product-form-inline" size="mini">
				<el-form-item label="关键词" size="mini">
					<el-input v-model="queryContent.keyword" placeholder="应用市场/渠道号" size="mini"></el-input>
				</el-form-item>
				<el-form-item size="mini">
					<el-button type="primary" v-on:click="loadPlaceList" size="mini">查询</el-button>
					<el-button v-on:click="resetQuery" size="mini">重置</el-button>
				</el-form-item>
			</el-form>
			<el-table :data="channelData" border style="width: 100%" :span-method="cellMerge">
				<el-table-column property="channelName" label="市场名称">
				</el-table-column>
				<el-table-column property="channelCode" label="渠道号">
				</el-table-column>
				<el-table-column property="appVersion" label="版本号">
				</el-table-column>
				<el-table-column property="uiType" label="状态">
					<template scope="scope">
						{{getStatus(scope.row.uiType)}}
					</template>
				</el-table-column>
				<el-table-column label="操作" width="400">
					<template scope="scope">
						<el-button size="small" v-if="scope.row.uiType==1 || scope.row.uiType==2"
								   v-on:click=changeStatus(scope.row.id,scope.row.uiType,0)>用户UI
						</el-button>
						<el-button size="small" v-if="scope.row.uiType==0 || scope.row.uiType==2"
								   v-on:click=changeStatus(scope.row.id,scope.row.uiType,1)>送审UI
						</el-button>
						<el-button size="small" v-if="scope.row.uiType==0 || scope.row.uiType==1"
								   v-on:click=changeStatus(scope.row.id,scope.row.uiType,2)>cpd审核
						</el-button>
						<el-button size="small"
								   v-on:click=toEditPage(scope.row.id)>修改
						</el-button>
						<el-button  size="small"
								   v-on:click=toDelete(scope.row.id)>删除
						</el-button>
					</template>
				</el-table-column>
				<el-table-column label="新增版本" width="250">
					<template scope="scope">
						<el-button size="small" type="text"
								   v-on:click=toNewPage(scope.row.id,scope.row.channelName,scope.row.channelCode)>新增版本
						</el-button>
					</template>
				</el-table-column>
			</el-table>
		</div>
	</div>
	<el-dialog title="改变状态" :visible.sync="dialogFormVisible">
		<div v-if="targetType == 0" class="user-status-dialog-text">
			确定修改为用户 UI？
		</div>
		<div v-if="targetType == 1" class="user-status-dialog-text">
			确定修改为审核 UI？
		</div>
		<div v-if="targetType == 2" class="user-status-dialog-text">
			确定修改为 cpd 审核？
		</div>
		<div slot="footer" class="dialog-footer">
			<el-button v-on:click="dialogFormVisible = false">取 消</el-button>
			<el-button type="primary" v-on:click="confirmChange()">确 定</el-button>
		</div>
	</el-dialog>
	<el-dialog title="确定删除" :visible.sync="dialogDeleteVisible">
		确定删除此条数据？
		<div slot="footer" class="dialog-footer">
			<el-button v-on:click="dialogDeleteVisible = false">取 消</el-button>
			<el-button type="primary" v-on:click="confirmDelete()">确 定</el-button>
		</div>
	</el-dialog>
</div>
<script src="${ctxPath}/static/modular/cash/place/place_list.js"></script>
@}

